<template>
  <div class="sample-content">
      <div class="sample-info" v-for="(item, idx) in alertlist" :key="item.sampleno + idx">
          <div class="info-top">
              <div>
                  <span class="top-sample-info">【{{item.pat_name}}】</span>
                  <span class="top-sample-info">【{{item.pat_sexname}}】</span>
                  <span class="top-sample-info">【{{item.pat_agestr}}】</span>
                  <span class="top-sample-info">【{{item.purposename}}】</span>
                  <span class="top-sample-info">【{{item.specimen_name}}】</span>
              </div>
              <div>报阳时长：{{item.culhours}}</div>
          </div>
          <div>
              <div>
                  <span class="bottom-sample-title">样本号：</span>
                  <span class="bottom-sample-info" style="width: 90px;">{{item.sampleno}}</span>
                  <span class="bottom-sample-title">病人类型：</span>
                  <span class="bottom-sample-info" style="width: 80px;">{{item.pat_typecodename}}</span>
                  <span class="bottom-sample-title">科室：</span>
                  <span class="bottom-sample-info" style="width: 140px;">{{item.req_deptname}}</span>
                  <span class="bottom-sample-title">病区：</span>
                  <span class="bottom-sample-info" style="width: 140px;">{{item.req_wardname}}</span>
                  <!-- <span class="bottom-sample-title">状态：</span>
                  <span class="bottom-sample-info" style="width: 80px;">{{item.teststatusname}}</span> -->
              </div>
              <div>
                  <span class="bottom-sample-title">瓶身号：</span>
                  <span class="bottom-sample-info" style="width: 90px;">{{item.bottleno}}</span>
                  <span class="bottom-sample-title">培养基：</span>
                  <span class="bottom-sample-info" style="width: 140px;">{{item.mediumname}}</span>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "rm-bactalert",
  props: {
      alertlist: { type: Array }
  },
  data() {
      return {
          // sampleList: [],
      };
  }
  // created() {
  //     this.queryPositivelist();
  // },
  // methods: {
  //     queryPositivelist() {
  //         this.$tool
  //             .request({
  //                 url: "ucent/bactalert",
  //                 method: "post",
  //                 data: {
  //                     action: "positivelist"
  //                 },
  //             })
  //             .then((response) => {
  //                 if (response.data.length > 0) {
  //                     this.sampleList = response.data;
  //                 } else {
  //                     this.sampleList = [];
  //                 }
  //             })
  //             .catch((erro) => {});
  //     }
  // },
};
</script>

<style scoped>
.sample-content {
  max-height: 400px;
  overflow-y: auto;
}
.sample-info {
  margin-bottom: 18px;
  font-size: 12px;
}
.info-top {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.top-sample-info {
  font-weight: bold;
  /* font-size: 13px; */
  color: #000000;
}
.bottom-sample-title {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.bottom-sample-info {
  display: inline-block;
  color: #000000;
}
</style>